<template>
  <div class="">
    <router-view/>
    <bottom-navbar :navTabs="navTabs"></bottom-navbar>
    
  </div>
</template>

<script>

import BottomNavbar from '@/components/navbar/BottomNavbar';

export default {
  components: { BottomNavbar },
  name: 'HelloWorld',
  data () {
    return {
      navTabs:[
        {activeIcon:"/static/images/nav-icon-home-active.png",icon:"/static/images/nav-icon-home.png",title:"首页",path:"/"},
        {activeIcon:"/static/images/nav-icon-category-active.png",icon:"/static/images/nav-icon-category.png",title:"商品分类",path:"/category"},
        {activeIcon:"/static/images/nav-icon-cart-active.png",icon:"/static/images/nav-icon-cart.png",title:"购物车",path:"/cart"},
        {activeIcon:"/static/images/nav-icon-user-active.png",icon:"/static/images/nav-icon-user.png",title:"个人中心",path:"/user"}
      ]
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
